<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
<h:body>
	
		<center >
			<h:form id="form">                
			    <p:panel header="Consultar Huesped">  
			       		
			            <p:column >
			            	<p:outputLabel for = "numeroDoc" value = "Search: "  ></p:outputLabel> 	
			            	<p:focus for = "numeroDoc"/>		            	
			            	<p:inputText id="numeroDoc" value="#{huespedBean.numeroDoc}" >  			            		
			                	<p:ajax event="keyup" update=":tableForm" />  			                
			            	</p:inputText> 
			            </p:column>
			     
			    </p:panel>  			                  
			</h:form> 
        </center> 
        	
	<h:form id="tableForm"> 
    <p:dataTable var="huesped" value="#{huespedBean.listarFiltro}" scrollable="true" scrollHeight="250" id="dataTable1">  
  
  		 
        <p:column headerText="Número Doc." footerText="Número Doc.">  
            <h:outputText value="#{huesped.numeroDoc}" />  
        </p:column>  
        
        <p:column headerText="Tipo Doc." footerText="Tipo Doc.">  
            <h:outputText value="#{huesped.tipoDoc}" />  
        </p:column>  
  
  		<p:column headerText="Trato" footerText="Trato">  
            <h:outputText value="#{huesped.trato}" />  
        </p:column>  
  		
        <p:column headerText="Nombres" footerText="Nombres">  
            <h:outputText value="#{huesped.nombres}" />  
        </p:column>  
        
        <p:column headerText="Apellidos" footerText="Apellidos">  
            <h:outputText value="#{huesped.apellidos}" />  
        </p:column>  
        
        <p:column headerText="Tipo" footerText="Tipo">  
            <h:outputText value="#{huesped.tipo}" />  
        </p:column>  
        
        <p:column headerText="País" footerText="País">  
            <h:outputText value="#{huesped.pai.nombrePais}" />  
        </p:column> 
        
        
        <p:column headerText="Dirección" footerText="Dirección">  
            <h:outputText value="#{huesped.direccion}" />  
        </p:column>   
        
        <p:column headerText="Correo" footerText="Correo">  
            <h:outputText value="#{huesped.correo}" />  
        </p:column>  
        
        <p:column headerText="Teléfono" footerText="Teléfono">  
            <h:outputText value="#{huesped.telefono}" />  
        </p:column>  
        
           <f:facet name="footer">  
			            total there are #{huespedBean.count} user. 
		</f:facet> 
    </p:dataTable> 
    </h:form> 

</h:body>
</h:head>
</html>